/* eslint-disable */

import React from 'react';
import { getIconColor } from './helper';

const DEFAULT_STYLE = {
  display: 'block',
};

const IconIconHomeOn = ({ size, color, style: _style, ...rest }) => {
  const style = _style ? { ...DEFAULT_STYLE, ..._style } : DEFAULT_STYLE;

  return (
    <svg viewBox="0 0 1024 1024" width={size + 'rem'} height={size + 'rem'} style={style} {...rest}>
      <path
        d="M570.121646 21.107209a81.868799 81.868799 0 0 0-110.318207 0L13.823155 445.392261a40.9344 40.9344 0 0 0 55.056768 61.4016l7.16352-6.754176V942.131201a81.868799 81.868799 0 0 0 81.868799 81.868799h239.875582V776.346882a58.126847 58.126847 0 0 1 57.922175-58.126847h112.774271a57.922175 57.922175 0 0 1 57.922175 57.922175V1024h245.606398a81.868799 81.868799 0 0 0 81.8688-81.868799V505.156485a40.9344 40.9344 0 1 0 56.489471-59.764224L570.121646 21.107209z"
        fill={getIconColor(color, 0, '#333333')}
      />
    </svg>
  );
};

IconIconHomeOn.defaultProps = {
  size: 18,
};

export default IconIconHomeOn;
